<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>eChart</title>
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/jquery.fullpage.min.css">
    <link rel="stylesheet" href="css/index.css">

</head>

<body>
    <div id="bodyCont">
        <div class="section active">
            <nav class="navbar navbar-default navCont" role="navigation">
                <div class="container-fluid">
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#example-navbar-collapse">
                            <span class="sr-only">切换导航</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <a class="navbar-brand" href="#"><img src="img/logo.png" class="logoImg"></a>
                    </div>
                    <div class="navbar-right collapse navbar-collapse" id="example-navbar-collapse">
                        <ul class="nav navbar-nav navUl1">
                            <li class="liItem liItemActive"><a href="#">首页</a></li>
                            <li class="dropdown liItem">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">文档<span class="caret"></span></a>
                                <ul class="dropdown-menu">
                                    <li><a href="#">教程</a></li>
                                    <li><a href="#">API</a></li>
                                    <li><a href="#">配置手册</a></li>
                                    <li><a href="#">博客</a></li>
                                </ul>
                            </li>
                            <li class="liItem">
                                <a href="#">作品<span class="caret"></span></a>
                            </li>
                            <li class="dropdown liItem">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">作品下载<span class="caret"></span></a>
                                <ul class="dropdown-menu dropList">
                                    <li><a href="#">jmeter</a></li>
                                    <li><a href="#">EJB</a></li>
                                    <li><a href="#">Jasper Report</a></li>
                                    <li class="divider"></li>
                                    <li><a href="#">分离的链接</a></li>
                                    <li class="divider"></li>
                                    <li><a href="#">另一个分离的链接</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
            </nav>
            <div class="firstCont">
                <div id="animateLogo">
                    <h1 class="animateTxt">我的主页</h1>
                </div>
            </div>
        </div>
        <div class="section">
            <h2>第二屏</h2>
        </div>

        <div class="section">
            <h2>第三屏</h2>
        </div>
        <div class="section">
            <h2>第四屏的第一屏</h2>
        </div>

    </div>


    <script src="js/jquery-1.10.2.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery.fullpage.min.js"></script>
    <script src="js/jquery.easing.min.js"></script>
    <script src="js/index.js"></script>
</body>

</html>